<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>表单进阶-上传文件和隐藏字段</title>
</head>
<body>
    <div>
        <div>请截图说明</div>
        <div>
            <input type="file" name="" id="">
            <!-- 上传文件 基本支持各种格式的文件 -->
        </div>
    </div>

    <div>
        <div>图片按钮</div>
        <form action="后端地址">
            <input type="image" src="submit.jpg">
            <!-- 用图片按钮来代替按钮（input type=“submit”） -->
        </form>
    </div>

    <div>
        <!-- 隐藏按钮主要用于把信息传后端 不是给普通用户看的 -->
        <div>隐藏按钮</div>
        <input type="hidden" name="" id="" value="带给后端的个人信息">
    </div>

    <div>禁用disable，只读readonly</div>
    <div>
        <button disabled>注册</button>
        <br>
        <input type="radio" disabled>不满意
        <br>
        <input type="text" disabled value="111111">
        <input type="text" readonly value="222">
    </div>
</body>
</html>